<!--
 * @页面: 登录页
 * @描述: 信息展示界面和登录弹窗
 * @作者：赵涛
 * @日期: 2021-07-13 14:27:29
-->

<template>
  <div class="home"
       :class="`${theme}`">
    <div class="header">
      <topHeader />
    </div>
    <el-carousel class="carousel"
                 :interval="15000"
                 :loop="true">
      <el-carousel-item>
        <page-one />
      </el-carousel-item>
      <!-- <el-carousel-item>
        <page-second />
      </el-carousel-item> -->
    </el-carousel>
  </div>
</template>

<script>
import topHeader from '@/components/public/topHeader'
import pageOne from './pageOne/pageOne.vue'
import pageSecond from './pageSecond/pageSecond.vue'
import { mapState } from 'vuex'

export default {
  name: 'Home',
  components: {
    topHeader,
    pageOne,
    pageSecond
  },
  computed: {
    ...mapState(['theme']),
  },
  data() {
    return {
    }
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style lang="less" scoped>
.home {
  //   background-color: #020129;
  // background: url('../assets/back-image/back.jpg') no-repeat center;
  // background-size: 100% 100%;
  .carousel {
    width: 100%;
    height: 91vh;
    /deep/ .el-carousel__container {
      height: 100%;
    }
    /deep/ .el-carousel__indicators {
      display: none;
    }
  }
}
.standard {
  background: url('../assets/back-image/back.jpg') no-repeat center;
  background-size: 100% 100%;
}
.light {
  background-color: rgb(247, 247, 247);
  background-size: 100% 100%;
}
</style>
